<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="fonts/font_icon/iconfont.css" />
		<style type="text/css">
			#index,
			#mylist {
				display: table-cell;
				overflow: hidden;
				width: 1%;
				height: 50px;
				text-align: center;
				vertical-align: middle;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			
			#index .mui-icon,
			#mylist .mui-icon {
				top: 3px;
				width: 24px;
				height: 24px;
				padding-top: 0;
				padding-bottom: 0;
			}
			
			#index .mui-icon~.mui-tab-label,
			#mylist .mui-icon~.mui-tab-label {
				font-size: 11px;
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		</style>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav header-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人中心</h1>
			<!--<a class="mui-icon iconfont icon-xiaoxizhongxin mui-icon-right-nav mui-pull-right"></a>-->
		</header>
		<div class="mui-content mui-scroll-wrapper set-height"style="padding-bottom: 45px;">
			<div class="mui-scroll">
				<!-- 主界面具体展示内容 -->
				<div class="mui-row" id="login">
					<div class="user-border">
						<div class="user-img">
							<img src="img/user-img.jpg" />
						</div>
					</div>
					<div class="mui-text-center">
						<div class="user-name">
							用户名ID
						</div>
					</div>
					<div class="mui-text-center">
						<div class="vip-border">
							非会员
						</div>
					</div>
				</div>
				<div class="mui-row" style="margin-bottom: 5px;">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell" id="myclass">
							<a class="mui-navigate-right">
								我的课程
							</a>
						</li>
						<li class="mui-table-view-cell" id="changeclass">
							<a class="mui-navigate-right">
								切换课程
							</a>
						</li>
						<li class="mui-table-view-cell" id="settime">
							<a class="mui-navigate-right">
								考试时间
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-row" style="margin-bottom: 5px;">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								分享软件
							</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								消息
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-row">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell" id="setup1">
							<a class="mui-navigate-right">
								<span class="mui-icon iconfont icon-shezhi"></span>设置
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<div class="mui-row">
				<a href="javascript:void(0);" class="mui-text-center f_c_gay" id="index">
					<span class="mui-icon iconfont icon-home" style="padding: 0;"></span>
					<span class="mui-tab-label">首页</span>
				</a>
				<a href="javascript:void(0);" class=" mui-text-center " id="mylist">
					<span class="mui-icon iconfont icon-my" style="padding: 0;"></span>
					<span class="mui-tab-label">我的</span>
				</a>
			</div>
		</nav>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			mui.ready(function() {
				mui('.mui-scroll-wrapper').scroll({
					deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
				});

				mui('.mui-bar-tab').on('tap', '#index', function() {
					plus.webview.currentWebview().close();
					//					mui.openWindow({
					//						url: 'index.html',
					//						id: 'index'
					//					});
				})
				document.getElementById('setup1').addEventListener('tap', function() {
					mui.openWindow({
						url: 'set.html',
						id: 'setup2'
					});
				})
				document.getElementById('login').addEventListener('tap', function() {
					mui.openWindow({
						url: 'login.html',
						id: 'login'
					});
				})
				document.getElementById('myclass').addEventListener('tap', function() {
					mui.openWindow({
						url: 'myclass.html',
						id: 'myclass'
					});
				})
				document.getElementById('changeclass').addEventListener('tap', function() {
					mui.openWindow({
						url: 'changeclass.html',
						id: 'changeclass'
					});
				})
				document.getElementById('settime').addEventListener('tap', function() {
					mui.openWindow({
						url: 'settime1.html',
						id: 'settime'
					});
				})
			})
		</script>
	</body>

</html>